<app-header></app-header>

<div class="container main">
  <div class="row">
    <div class="hy-login">
      <div class="head"><h3 class="text-center">
        <a href="/"><img src="/assets/images/logo.png"></a></h3>
        <p class="text-muted text-center" style="font-size: 2rem">用户登录</p></div>
      <ul>
        <form id="f_login" method="post" (ngSubmit)="login();">
          <li><input type="input" [(ngModel)]="longinInfo.username" name="username" class="form-control username" placeholder="邮箱"></li>
          <li><input type="password" [(ngModel)]="longinInfo.password" name="password" class="form-control password" placeholder="密码"></li>
          <li>
            <img title="刷新验证码" class="pull-right" style="width:35%; height:35px; border-radius: 4px" (click)="getCode()" src="{{verify}}">
            <input [(ngModel)]="longinInfo.verify" name="verify" type="text" placeholder="验证码" style="width:60%;text-transform:uppercase;" class="form-control">
          </li>
          <li>
            <button type="submit" class="btn btn-block btn-warning">登录</button>
          </li>
          <li class="text-center"><a class="text-muted a-link" href="/user/register">没有账号，注册一个？</a></li>
        </form>
      </ul>
    </div>
  </div>
</div>
<app-footer></app-footer>
